.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.an{ background:url(/images/ga.png) no-repeat; background-position: center left; padding-left: 24px;}
/*.fl-top{ }
.fl-top .right_img{ display: block; width:140px; height:auto; position: fixed; right: 20px; bottom: 30px; z-index:9999;}
.fl-top .right_img1{ display: block; width:160px; height:auto; position: fixed; right: 70px; bottom: 120px; z-index:9998;}
.fl-top .tankuang_a{ display:none; width:0; height:auto; position: fixed; right: 0; bottom: 90px; z-index:9998; transition:1s;}
.fl-top:hover .tankuang_a{ display:block; width:520px;}*/


/*侧边*/
.cebian{ position:fixed; bottom:32%; right:0; z-index:999;}
.cebian>div{ width:72px; height:72px; position:relative; margin:5px 0; background:#ff6600; border-radius:5px;}
.cebian>div span{ background: url(/images/fixcont.png) no-repeat; width:48px; height:48px; margin:0 auto; display:block;}
.cebian>div .one p{ font-size:12px; text-align:center; color:#fff;}
.cebian>div .two{ background:#ff6600; width:140px; height:72px; position:absolute; right:-140px; top:0; color:#fff; text-align:center; line-height:72px; transition:1s; font-size:14px;}

.cebian>div.box_b span{   background-position: -48px 0;}
.cebian>div.box_b .two{ background:#fff;}
.cebian>div.box_b:hover .one{ display:block;}
.cebian>div.box_b:hover .two{ right:78px; height:140px;}
.cebian>div.box_b .two img{ width:140px; height:140px;}

.cebian>div.box_c span{   background-position: -96px 0;}
.cebian>div.box_c .two{ background:#fff;}
.cebian>div.box_c:hover .one{ display:block;}
.cebian>div.box_c:hover .two{ right:78px; height:140px;}
.cebian>div.box_c .two img{ width:140px; height:140px; }

.cebian>div.box_d span{ background-position: -144px 0;}
.cebian>div.box_d:hover .one{ display:block;}

.cebian>div:hover{cursor: pointer;}
.cebian>div:hover .one{ display:none;}
.cebian>div:hover .two{ right:0;}


#mould81499{ width: 100%; background: #fff; text-align: center; position: fixed; top: 0px; z-index: 999; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.navbars4{ width:90%; margin:0 auto;}
.navbars4 .logo{ width:340px; height:auto; margin-top: 10px;}
.navbars4 ul{ float:left; margin-left:80px;}
.navbars4 .phone{ float:right; background: #ff6600; color:#fff; padding:10px; border-radius:6px; margin-top:18px; position:relative;}
.navbars4 .phone p:first-child{ font-family:arial; font-size:24px; line-height:24px; font-weight:bold;}
.navbars4 .phone p:last-child{ font-size:18px; line-height:18px; margin-top:2px; letter-spacing: 1px;}

.navbars4 li{ position:relative;}
.navbars4 li>a{ font-size:20px; padding:0; position:relative; margin-right:80px;}
.navbars4 li>a:after{ content: ""; position:absolute; top:50%; right:-20px; transform:translateY(-50%); width:11px; height:6px; background:url(/images/jian.png) no-repeat; background-size:100%; transition:.5s;}
.navbars4 li:hover>a:after{ background-position:0 -9px;}
.navbars4 li.active>a:after{ background-position:0 -9px;}
.navbars4 li:hover>a{ background: #fff; color:#ff6600;}
.navbars4 li.active>a{ background: #fff; color:#ff6600;}


.navbars4 li .hide1{ position:absolute; top:80px; left:-40px; background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars4 li:hover .hide1{ display:block;}
.navbars4 li .hide1 a{ display:block; text-align:left;}
.navbars4 li:hover .hide1 a{ background: none; border-radius:none; color:#333; padding:0; width:180px; line-height:48px; font-size:18px; padding-left:20px;}
.navbars4 li:hover .hide1 a:hover{ background: #ff6600; border-radius:5px; color:#fff;}



/*视频*/
.lunbotu{ width: 100%; height: 100vh; position: relative; background: #000;}
.lunbotu .shipin{ width: 100%; height:100%; overflow: hidden;}
.lunbotu video{ height: 100%; margin:0 auto; display: block;}

/*轮播图*/
#mould81500 .swiper-slide img{ height: 100vh;}
#mould81500 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 100px!important;}
#mould81500 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 80px!important;}
#mould81500 .swiper-pagination-bullet{ background: #fff; opacity: 1; border-radius:4px;}
#mould81500 .swiper-pagination-bullet-active{  background: #ff6600;}
#mould81500 .swiper-pagination{ width:100%; bottom:20px;}
#mould81500 .swiper-pagination-bullet{ width:20px; height:20px; background:url(/images/btn2.png) no-repeat; background-position:0 -10px; border-radius:inherit; opacity:1; margin:0 8px;}
#mould81500 .swiper-pagination-bullet-active{ width:20px; height:30px; background-position:-22px 0;}


/*蜂场*/
#mould815000{ overflow:hidden; position:relative;}
#mould815000 .swiper-slide{ padding:150px 0; height:100%; cursor:pointer;}
#mould815000 .swiper-slide div{ width:1600px; margin:0 auto;}
#mould815000 .swiper-slide div img{ width:53%; float:left; margin-right:120px;}
#mould815000 .swiper-slide div h2{ font-size:48px; line-height:48px; color:#ff6600; margin:10% 0 36px 0;}
#mould815000 .swiper-slide div p{ font-size:20px; line-height:36px;}

#mould815000 .swiper-pagination{ width:100%; bottom:20px;}
#mould815000 .swiper-pagination-bullet{ width:20px; height:20px; background:url(/images/btn1.png) no-repeat; background-position:0 -10px; border-radius:inherit; opacity:1; margin:0 8px;}
#mould815000 .swiper-pagination-bullet-active{ width:20px; height:30px; background-position:-22px 0;}



/*产品*/
.cp{ height:872px; position:relative;}
.cp .content,.cp .content_list{ height:100%;}
.cp .content_list{ display: none;}
.cp .content_list img{ width:100%; height:100%;}

.cp .menu{ width: 100%; height:100%; left: 0; top:0; position: absolute;}
.cp .menu_list{ width:33.33%; height:100%; float:left; border-right:1px solid rgba(255,255,255,0.4); box-sizing:border-box; cursor: pointer; text-align:center; color:#fff; padding-top:15%;}
.cp .menu_list:last-child{ border-right:none;}
.cp .menu_list:hover{ padding-top:12%;}
.cp .menu_list:hover:last-child{ padding-top:8%!important;}

.cp .menu_list h2{ font-size:36px; line-height:36px; margin:30px 0 48px 0;}
.cp .menu_list p{ font-size:16px; line-height:30px;}
.cp .menu_list.on img,.cp .menu_list.on p{ display:none;}
.cp .menu_list.on{ background: rgb(0,0,0,0.4);}
.cp .menu_list .secondary_menu{ display:none;}
.cp .menu_list.on .secondary_menu{ display:block; overflow:hidden;}
.cp .menu_list .secondary_menu a{ color:#fff; display:block; font-size:18px; line-height:48px;}
.cp .menu_list .secondary_menu a:last-child{ border:1px solid rgba(255,255,255,0.5); border-radius:6px; font-size:16px; width:128px; margin:36px auto 0 auto; line-height:40px; box-sizing:border-box;}
.cp .menu_list .secondary_menu a:hover:last-child{ background: #fff; color:#333; text-decoration:none;}
.cp .menu_list .secondary_menu a:hover{ text-decoration: underline; transform:scale(1.1);}


/*优势*/
.youshi{ width:1600px; margin:100px auto;}
.youshi h2{ font-size:48px; line-height:48px; text-align:center; color:#ff6600;}
.youshi h3{ font-size:20px; line-height:20px; text-align:center; margin:30px 0 60px 0;}
.youshi li{ float:left; width:31.25%; height:260px; margin-right:3.125%; box-shadow: 0 0 10px rgb(0 0 0 / 20%); padding:30px; box-sizing:border-box; border-radius:6px;}
.youshi li:nth-child(3n){ margin-right:0;}
.youshi li:nth-child(-n+3){ margin-bottom:50px;}
.youshi li h4{ text-align:center; font-size:30px; line-height:30px; color:#ff6600; margin:24px 0 30px 0;}
.youshi li p{ line-height:30px;}


/*简介*/
.about_bg{ background:url(/images/about_bg.jpg) no-repeat; width:100%;}
.about_cont{ width:1600px; margin:0 auto; color:#fff;}
.about_cont img{ width:160px; margin:120px 0 40px 0;}
.about_cont h2{ font-size:30px; line-height:30px; margin-bottom:50px;}
.about_cont p{ line-height:30px; width:50%;}
.about_cont>a{ border:1px solid rgba(255,255,255,0.5); border-radius:6px; font-size:16px; width:128px; margin-top:36px; line-height:40px; box-sizing:border-box; display:block; color:#fff; text-align:center;}
.about_cont>a:hover{ background: #fff; color:#333;}

.about_cont ul{ margin-top:150px;}
.about_cont li{ float:left; width:23.875%; height:180px; background: #fff; margin-right:1.5%; box-shadow: 0 0 10px rgb(0 0 0 / 20%); border-radius:6px; overflow: hidden;}
.about_cont li:last-child{ margin-right:0;}
.about_cont li a{ width:100%; height:100%; display:block; border:12px solid #fff; box-sizing:border-box; text-align:center; font-size:20px;}
.about_cont li:hover a{ background: #ff6600; color:#fff;}
.about_cont li a span{ width:64px; height:64px; margin:30px auto 10px auto; display:block; background:url(/images/btn.png) no-repeat;}
.about_cont li:nth-child(2) a span{ background-position:-64px 0;}
.about_cont li:nth-child(3) a span{ background-position:-128px 0;}
.about_cont li:nth-child(4) a span{ background-position:-192px 0;}
.about_cont li:nth-child(1):hover a span{ background-position:0 -64px;}
.about_cont li:nth-child(2):hover a span{ background-position:-64px -64px;}
.about_cont li:nth-child(3):hover a span{ background-position:-128px -64px;}
.about_cont li:nth-child(4):hover a span{ background-position:-192px -64px;}



/*新闻*/
.news_bg{ width:1600px; margin:100px auto;}
.news_bg h2{ font-size:48px; line-height:48px; text-align:center; color:#ff6600;}
.news_bg h3{ font-size:20px; line-height:20px; text-align:center; margin:30px 0 60px 0;}
.news_bg li{ float:left; width:32%; margin-right:2%; padding-bottom:24px; position:relative; border-bottom:1px solid #999;}
.news_bg li:after{ content:""; width:0; height:2px; background: #ff6600; position:absolute; bottom:0; left:0; transition:.5s; z-index:99;}
.news_bg li:hover{ border-bottom:none;}
.news_bg li:hover:after{ width:100%;}

.news_bg li:last-child{ margin-right:0;}
.news_bg li div{ width:100%; height:336px; border-radius:6px; overflow: hidden; position:relative;}
.news_bg li div img{ width:100%; height:100%; transition:.5s;}
.news_bg li:hover div img{ transform:scale(1.1);}
.news_bg li div span{ position:absolute; top:0; left:0; background: #ff6600; color:#fff; line-height:36px; padding:0 20px;}
.news_bg li h4{ font-size:20px; line-height:20px; margin:20px 0 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_bg li:hover h4{ color:#ff6600;}
.news_bg li p{ font-size:16px; line-height:26px; color:#808080; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}



/*底部*/
footer{ width: 100%; background: #ff6600;}
.foot_bg{ width:1600px; margin:0 auto; color:#fff; padding:60px 0;}
.foot_bg .left{ float:left; width:40%;}
.foot_bg h2{ font-size:18px;line-height:18px;}
.foot_bg h2 span{ font-size:24px; font-family:arial; line-height:24px; font-weight:bold; display: block; margin-top:8px;}
.foot_bg h3{ font-size:18px;line-height:30px; margin-top:24px;}
.foot_bg p{ line-height:30px;}
.copyright{ margin-top:64px;}
.copyright a{ color:#fff;}


.messages3 { float: right;width: 36%; background: 0; background: #fff; padding:24px; box-sizing:border-box;}
.messages3 h2{ color:#ff6600; text-align:center; font-size:24px; margin-bottom:24px;}
.messages3 ul{ padding: 0;width: 100%;}
.messages3 ul li input{ float: inherit;height: 50px; color: #333; padding: 0; padding-left: 14px; width: 49%; border: none; border-radius: 0; margin: 0; background:#ededed; box-shadow:none; float:left;}
.messages3 ul li input:first-child{ margin: 0;}
.messages3 ul li input:last-child{ float:right;}
.messages3 ul li input:focus{ box-shadow:none;}
.messages3 ul li textarea{ float: inherit;height: 150px; color: #333;padding: 0; padding: 14px 0 0 14px; width: 100%; border: none; border-radius: 0; margin: 10px 0 0 0; background:#ededed; box-shadow:none; 
font-size:14px;}
.messages3 ul li a { transition: 0.5s;width: 100%; background: #fc3c41; border-radius: 0; font-size: 16px; color: #fff; margin: 0; margin-top: 20px; line-height: 48px; height: 48px;}




@media screen and (min-width:1440px) and (max-width:1680px){ 
  .navbars4{ width:97%;}
  .youshi,.about_cont,.news_bg,.foot_bg,#mould815000 .swiper-slide div{ width:90%; margin:0 auto;}
  .navbars4 ul{ margin-left:60px;}
  .navbars4 li>a{ margin-right:60px; font-size:18px;}
  #mould815000 .swiper-slide div img{ margin-right:100px;}
  .cp .menu_list{ padding-top: 15%;}
  .youshi,.news_bg{ margin:80px auto;}
  .about_cont img{ margin: 80px 0 40px 0;}
  .about_cont ul{ margin-top: 100px;}
  .about_bg{ background-size: 124%;}
  .news_bg li div{ height:311px;}  
}

@media screen and (min-width:1360px) and (max-width:1439px){ 
  .navbars4{ width:98%;}
  .youshi,.about_cont,.news_bg,.foot_bg,#mould815000 .swiper-slide div{ width:90%; margin:0 auto;}
  .navbars4 ul{ margin-left:40px;}
  .navbars4 li>a{ margin-right:56px; font-size:18px;}
  
  #mould815000 .swiper-slide div img{ margin-right:100px;}
  .cp .menu_list{ padding-top: 15%;}
  .youshi,.news_bg{ margin:80px auto;}
  .about_cont img{ margin: 80px 0 40px 0;}
  .about_cont ul{ margin-top: 100px;}
  .about_bg{ background-size: 128%;}
  .news_bg li div{ height:294px;}
}




/*右下角雪王邀请加盟*/
.floating-infor {
	position: fixed;
	right: 63px;
	bottom: 94px;
	z-index: 700;
	cursor: pointer;
	font-size: 20px;
}

.floating-infor .fi-item1 {
	width: 150px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 2.5em;
	color: #E60012;
	z-index: 700;
}

.floating-infor .fi-item1 img {
	width: 100%;
	object-fit: cover;
}

.floating-infor .icons-text {
    width:160px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 60;
}

.floating-infor .icons-text img {
	 width:160px; height:auto; position: fixed; right: 68px; bottom: 24px;
}

.floating-infor.active .fi-item1 {
	color: #E60012
}

.floating-infor .icons-text .icons-txt {
	position: absolute;
	top: -115px;
    left: -100px;
    transform: rotate(-20deg);
	width: 90px;
	height: 67px;
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
}

@-webkit-keyframes flicker {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes flicker {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}


/*悬停后显示*/

.ms-bg {
	-webkit-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/fbg.svg) no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 80% 90%;
	transform-origin: 80% 90%
}

.modal-service__wrap {
	width: 520px;
	height: 380px;
	position: fixed;
	right: 0;
	bottom: 60px;
	z-index: 600;
	text-align: center;
	pointer-events: none;
	font-size: 20px;
	border-radius: 100%;
}

.modal-service__wrap.active {
	pointer-events: auto
}
.modal-service__wrap.active .ms-inner {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.modal-service__wrap.active .ms-bg {
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

.modal-service__wrap .ms-cont {
	position: absolute;
	left: 55%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.modal-service__wrap .ms-inner {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.modal-service__wrap .title {
	max-width: 210px;
	margin: 0 auto;
}

.modal-service__wrap .title span {
	letter-spacing: 1px;
	font-size: 24px;
	font-weight: 600;
	color: #E60012;
	line-height: 33px;
}

.modal-service__wrap .ms-tel {
	margin-top: .125em;
	font-size: 24px;
	font-weight: 600;
	color: #E60012;
	line-height: 33px;
}

.modal-service__wrap .ms-code {
	margin-top: 7px;
}

.modal-service__wrap .item-box {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 520px;
	margin: 0 15px
}

.modal-service__wrap .item-box img {
	max-width: 100%
}

.modal-service__wrap .item-box i {
	position: relative;
	top: -6px;
	color: #E60012;
	display: inline-block;
	font-size: 14px;
	width: 20px;
	height: 20px;
}

.modal-service__wrap .ms-btn {
	line-height: 48px;
	margin: 0 auto;
	margin-top: 43px;
	width: 97px;
	height: 33px;
	background: #E60012;
	border-radius: 4px;
	text-align: center;
	/*box-shadow: 3px 3px 3px 3px black;*/
}

.modal-service__wrap .ms-btn .blackSpan {
	width: 97px;
	height: 33px;
	border: 1px solid black;
	background-color: black;
	border-radius: 4px;
}

.modal-service__wrap .ms-btn a {
	display: block;
	width: 97px;
	height: 33px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
	margin-top: -37px;
	margin-left: -4px;
	background-color: #E60012;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}